<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<link rel="stylesheet" type="text/css" href="style/style.css" />

		<!--树组件start -->
		<script type="text/javascript" src="../../libs/js/tree/ztree/ztree.js"></script>
		<link href="../../libs/js/tree/ztree/ztree.css" rel="stylesheet" type="text/css"/>
		<!--树组件end -->


		<style type="text/css">
			/*body {
				background: #fff;
			}*/
			
		</style>
	</head>

	<body>
		<div class="page_content">
			<div class="infoCard" style="">
				<div class="title">
					<span>用户组录入</span>
				</div>
				<table border="0" cellspacing="0" cellpadding="0" class="announcement_title">
					<tr>
						<td style="text-align: right;padding-right: 20px;">用户组名</td>
						<td>
							<input type="text" name="" id="" value="研发部" style="width: 500px;"/>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;padding-right: 20px;">菜单组</td>
						<td>
							<div>
								<ul id="tree-1" class="ztree"></ul>
							</div>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;padding-right: 20px;">状态</td>
						<td>
							<select data='{"list":[{"value":"1","key":"启用"},{"value":"2","key":"禁用"}]}'></select>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;padding-right: 20px;border: 0;"></td>
						<td style="border: 0;">
							<input type="button" name="" id="" value="取 消" onclick="window.location='oa_77.html'" />
							<input type="button" name="" id="" value="保 存" class="primary"  onclick="window.location='oa_77.html'" />
						</td>
					</tr>
				</table>
				
			</div>
		</div>
		<script type="text/javascript">
			var nodes1 = [
				{ id:1,  parentId:0, name:"OA办公", open: true},
				{ id:11, parentId:1, name:"OA办公"},
				{ id:2,  parentId:0, name:"审批管理"},
				{ id:22, parentId:2, name:"审批管理"},
				{ id:3,  parentId:0, name:"基础信息"},
				{ id:33, parentId:3, name:"基础信息"},
				{ id:4,  parentId:0, name:"ERP管理"},
				{ id:44, parentId:4, name:"ERP管理"},
				{ id:5,  parentId:0, name:"财务管理"},
				{ id:55, parentId:5, name:"财务管理"},
				{ id:6,  parentId:0, name:"报表统计"},
				{ id:66, parentId:6, name:"报表统计"},
				{ id:7,  parentId:0, name:"招商管理"},
				{ id:77, parentId:7, name:"招商管理"}
			];

			function initComplete(){
		        //本地数据源
				$.fn.zTree.init($("#tree-1"), {}, nodes1);
				
			}
		</script>
	</body>

</html>